<template>
  <div>
      <ul class="bell-box">
          <li class="bell-item" v-for="item in list">
              <div class="bell-title">
                  <router-link to="/manage/active/list" class="bell-title-txt">{{item.title}}</router-link>
                  <el-tag size="mini" type="success" class="bell-title-tag" v-if="item.type == 1">活动</el-tag>
                  <el-tag size="mini" type="danger" class="bell-title-tag" v-if="item.type == 2">提现</el-tag>
                  <el-tag size="mini" type="warning" class="bell-title-tag" v-if="item.type == 3">会员</el-tag>
              </div>
              <div class="bell-content">{{item.content}}</div>
          </li>
      </ul>
  </div>
</template>

<script>
export default {
    data(){
        return {
            list : []
        }
    },
    mounted(){
        this.getData();
    },
    methods:{
        //获取消息
        getData(){
            this.ajaxs('index/getBellInfo',{
                success:(res) =>{
                    this.list = res.msg;
                }
            });
        }
    }
}
</script>

<style>
@import url("../../assets/css/app/bell.css");
</style>